<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑",serif;}
        </style>
        <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=3GBDVezdN6lmtX0H6NGIzIhGUEXyE1CM"></script>
        <title>地图展示</title>
    </head>
    <body>
        <div id="allmap"></div>
    </body>
</html>
<script type="text/javascript">
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
    var map = new BMapGL.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    map.centerAndZoom(new BMapGL.Point(116.331398,39.897445), 12);
    //创建地址解析器实例
    var myGeo = new BMapGL.Geocoder();
    // 将地址解析结果显示在地图上，并调整地图视野
    // myGeo.getPoint('重庆市南岸区重庆邮电大学', function(point){
    //     if(point){
    //         map.centerAndZoom(point, 16);
    //         map.addOverlay(new BMapGL.Marker(point, {title: '重庆市南岸区重庆邮电大学'}))
    //     }else{
    //         alert('您选择的地址没有解析到结果！');
    //     }
    // }, '重庆市')
    myGeo.getPoint('乌鲁木齐市乌鲁木齐新市区西外环路同城国际小区', function(point){
        if(point){
            map.centerAndZoom(point, 16);
            map.addOverlay(new BMapGL.Marker(point, {title: '乌鲁木齐市乌鲁木齐米东区米东南路水泥厂家属院'}))
        }else{
            alert('您选择的地址没有解析到结果！');
        }
    }, '新疆省')
</script>
